let nav=document.querySelector("#nav");
let message=document.querySelector("#message");
let price=document.querySelector("#price");
let descenter=document.querySelector("#des-center");

// 获取地址栏参数
function getUrlParms(name) { 
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); 
    var r = window.location.search.substr(1).match(reg); 
    if (r != null) return r[2]; return null; 
} 
var categoryId = getUrlParms("categoryid");
var productId=getUrlParms("productid")
// console.log(decodeURI(categoryId));

// 渲染导航栏
function navlist() {
    let res;
    ajax({
        url: "http://chst.vip:1234/api/getproduct",
        success(res) {
            res = res.result;
            let html = "";
            res.forEach(itme => {
                html += `<a href="../pages/index.html">首页></a>
                <a href="../pages/category.html">全部分类></a>
                <a href="">${itme.productName}</a>
                <a href="">筛选</a>`
            });
            nav.innerHTML = html
        },
        data:{
            productid:productId,
        },
        error(err, xhr) {
            console.log(err);
        }
    })
}
navlist()

// 渲染商品标题和图片
function meslist() {
    let res;
    ajax({
        url: "http://chst.vip:1234/api/getproduct",
        success(res) {
            res = res.result;
            let html = "";
            res.forEach(item => {
                html += `
            <div class="mes">
                <h3>${item.productName}</h3>
                <p>${item.productImg}</p>
            </div>`
            });
            message.innerHTML = html
        },
        data:{
            productid:productId,
        },
        error(err, xhr) {
            console.log(err);
        }
    })
}
meslist()

// 渲染商品来源及价格
function pricelist() {
    let res;
    ajax({
        url: "http://chst.vip:1234/api/getproduct",
        success(res) {
            res = res.result;
            let html = "";
            res.forEach(item => {
                html += `
            <div class="mes">
                <div>${item.bjShop}</div>
            </div>`
            });
            price.innerHTML = html
        },
        data:{
            productid:productId,
        },
        error(err, xhr) {
            console.log(err);
        }
    })
}
pricelist()

// 渲染评论
function des() {
    let res;
    ajax({
        url: "http://chst.vip:1234/api/getproductcom",
        success(res) {
            res = res.result;
            let html = "";
            res.forEach(item => {
                html += `
                <div class="box">
                <div>
                    <span>${item.comName}</span>
                    <span>${item.comTime}</span>
                </div>
                <p>${item.comFrom}</p>
                <div>${item.comContent}</div>
                </div>`
            });
           descenter.innerHTML = html
        },
        data:{
            productid:productId,
        },
        error(err, xhr) {
            console.log(err);
        }
    })
}
des()